<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320"/>
    <link href="../../resources/plugins/bootstrap/css/bootstrap.min.css" th:href="@{/resources/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/style.css" th:href="@{/resources/css/style.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/style-metronic.css" th:href="@{/resources/css/style-metronic.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/plugins/font-awesome/css/font-awesome.min.css" th:href="@{/resources/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css" th:href="@{/resources/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css}" rel="stylesheet"
          type="text/css"/>


    <style>
        #submitAdd {
            display: inline-block;
            background: #000;
            color: #FFF;
            font-size: 13px;
            line-height: 22px;
            border: none;
            float: right;
            margin-right: 20px

        }
    </style>


</head>
<body>
<div class="page-content">
    <div class="row" style="padding-left:14px; padding-right:15px">
        <div class="col-md-12">
            <h3 class="page-title" style="margin-top:22px">
                店铺销售
                <small>管理系统</small>
            </h3>
            <hr/>
            <div class="container">
                <div class="col-md-3">
                    <h3 style="text-decoration:underline">添加商品</h3>
                </div>
                <div class="col-md-6 col-xs-12 login-right">

                    <form method="post" th:action="@{/product/addProduct}" action="javascript:void;"
                          style="padding-top:80px">
                        <div>
						<span>条形码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</span> <input type="text" name="barcode" id="barcode" onkeyup="this.value=this.value.replace(/\D/gi,'')" />
                        </div>
                        <br/>

                        <div>
						<span>商品名称：&nbsp;
						</span> <input type="text" name="productName" id="productName"/>
                        </div>
                        <br/>

                        <div>
                            <span>商品类别：&nbsp;</span>
                            <select name="categoryId">
                                <option th:each="category : ${categories}" th:value="${category.id}"
                                        th:text="${category.typeName}">请选择
                                </option>
                            </select>
                        </div>
                        <br/>

                        <div>
						<span>进价：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</span> <input type="text" name="buyPrice" id="buyPrice"/>
                        </div>
                        <br/>

                        <div>
						<span>售价：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</span> <input type="text" name="setPrice" id="setPrice"/>
                        </div>
                        <br/>

                        <div>
                            <span>供应商：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                            <select name="providerId">
                                <option th:each="provider : ${providers}" th:value="${provider.id}"
                                        th:text="${provider.providerName}">请选择
                                </option>
                            </select>
                        </div>
                        <br/>

                        <div>
						<span>商品描述：
						</span>
						<textarea name="description" id="description"
                                  style="width: 96%; height: 80px;" bordercolor="RGB(221,219,219)"> </textarea>
                        </div>
                        <br/>
                        <input id="submitAdd" type="submit" value="提交"/>
                    </form>

                </div>
                <div class="clearfix"></div>
                <div class="col-md-3"></div>
            </div>

        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../../resources/plugins/jquery-2.1.4.min.js" th:src="@{/resources/plugins/jquery-2.1.4.min.js}"></script>
</html>
